<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>

<!DOCTYPE html>
<html lang="en">
	<head>
		<title>GroupsOnline</title>
		<meta charset="utf-8">
		<link rel="stylesheet" href="../css/reset.css" type="text/css" media="all">
		<link rel="stylesheet" href="../css/layout.css" type="text/css" media="all">
		<link rel="stylesheet" href="../css/style.css" type="text/css" media="all">
		<script type="text/javascript" src="../js/jquery-1.6.js" ></script>
		<script type="text/javascript" src="../js/cufon-yui.js"></script>
		<script type="text/javascript" src="../js/cufon-replace.js"></script>  
		<script type="text/javascript" src="../js/Vegur_300.font.js"></script>
		<script type="text/javascript" src="../js/PT_Sans_700.font.js"></script>
		<script type="text/javascript" src="../js/PT_Sans_400.font.js"></script>
		<script type="text/javascript" src="../js/tms-0.3.js"></script>
		<script type="text/javascript" src="../js/tms_presets.js"></script>
		<script type="text/javascript" src="../js/jquery.easing.1.3.js"></script>
		<script type="text/javascript" src="../js/atooltip.jquery.js"></script>
		<!--[if lt IE 9]>
		<script type="text/javascript" src="js/html5.js"></script>
		<link rel="stylesheet" href="css/ie.css" type="text/css" media="all">
		<![endif]-->
		<!--[if lt IE 7]>
			<div style=' clear: both; text-align:center; position: relative;'>
				<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a>
			</div>
		<![endif]-->
	</head>
	<body id="page1">
		<div class="main">
<!--header -->
			<header>
				<div class="wrapper">
					<h1><a href="" id="logo">Groups Online</a></h1>
					<script type="text/javascript">
						function trySubmitForm(e)
						{
							var key = ('which' in e) ? e.which : e.keyCode;
							if( key === 13)  // 13=ENTER
								document.getElementById('login-form').submit();
						}						
					</script>
					<form class="loginform" id="login-form" method="post" action="login">
						<fieldset>
							<span class="bg"><input class="input" size="10" type="text" name="username" value="Username"  onblur="if(this.value=='') this.value='Username'" onFocus="if(this.value =='Username' ) this.value=''" >
							</span>
						 	<span class="bg"><input class="input" size="10" type="text" onkeydown="trySubmitForm(event);" name="password" value="Password"  onblur="if(this.value=='') {this.value='Password'; this.type='text';}" onFocus="if(this.value =='Password' ){ this.value=''; this.type='password';}">
							</span>
							<a href="#" class="button1" onclick="document.getElementById('login-form').submit()"><span><span>Login</span></span></a>
							<p id="msg">${msg}</p>
					</form>					
				</div>
			</header>
<!--header end-->
<!--content -->
		</div>
		<div class="bg1">
			<div class="main">
				<article id="content2">
					<div class="wrapper">
						<div class="col2 marg_right1">
							<h3>Welcome to Groups Online!</h3>
							<div class="wrapper">
								<figure class="left marg_right1"><img src="../images/page1_img1.jpg" alt=""></figure>
								<p class="color2 pad_bot1"> Collaborative studying couldn't be any easier!</p>
								<p>Successful completion of your classes and obtaining high grades are your top priority when enrolled at school. Why work alone trying to solve tough math problems or programming web application when you can form a study group with your peers. Learn more material and do it twice as fast together than you would alone.</p>
							</div>
							<p>Simply register with us, then either join existing groups, or form a new group with friends. We will help you manage your group, from inviting people to expelling members. In addition you can see which other groups exist and who their members are.  Team work helps to alleviate the stress that school brings. Start today, make new friends and excel at life!  </p>
						</div>
					</div>
				</article>
			</div>
		</div>
		<div class="main">
<!--content end-->
<!--footer -->
			<footer>
				Groups Online &copy; 2013 <br>
				<!-- {%FOOTER_LINK} -->
			</footer>
<!--footer end-->
		</div>
	</body>
</html>